<?php if(!IS_AJAX){?>

<include file="Public:header" />
<script src="__PUBLIC__/Intesys/AdminX/js/jquery-1.10.2.min.js"></script>

<!--common scripts for all pages-->
<!--<script>-->
<!--$(document).ready(function(){
    jQuery('.wysihtml5').wysihtml5();
});-->
<!--</script>-->
<style>
.nav-tabs li{height: 50px;}
</style>
<div class="row states-info"> 
    <div class="col-sm-7 col-md-8 col-lg-9">
        <div class="panel panel-default">
            <section class="panel">
                <header class="panel-heading custom-tab">
                    <ul class="nav nav-tabs">
                        <li class="active">
                            <a style="width: auto;height: 50px;padding: 0 15px !important;display: block;text-align: center;line-height: 50px;font-size: 16px;font-weight: normal;color: #696969 !important;margin-right: 0;" href="#task2" data-toggle="tab">我的工作</a>
                        </li>
                        <li class="">
                            <a style="width: auto;height: 50px;padding: 0 15px !important;display: block;text-align: center;line-height: 50px;font-size: 16px;font-weight: normal;color: #696969 !important;margin-right: 0;" href="#team2" data-toggle="tab">我的团队</a>
                        </li>
                    </ul>
                </header>
				<style type="text/css"	>
					.navbar-nav{width:75%;float: right;background: #363636;border-radius:3px;}
					.navbar-nav li{width: 11.11%;background:none;height: 38px;text-align: center;line-height: 38px;color: #fff;cursor: pointer;}
					.navbar-nav li.oclick{background: #6dc5a3;position: relative;}
					.navbar-nav li.oclick i.triangle{border: 6px solid #6dc5a3;display: block;width: 0;height: 0;border-left-color: transparent;border-right-color: transparent;border-bottom-color: transparent;position: absolute;bottom: -11px;left: 50%;margin-left: -3px;}
                </style>
                <div class="panel-body">
                    <div class="tab-content">
                        <div class="tab-pane active" id="task2">
                            <div class="row" style="color:#000;padding:0 15px;clear:right;">
                                <div style="'float:left"><span style="color: #22b5e5;height: 38px;line-height: 38px;font-size: 16px;"><span style="font-size: 20px;color: #22b5e5;"><php>$arr=array('周日','周一','周二','周三','周四','周五','周六');echo $arr[date('w')];</php></span> <php> echo date('m').'月'.date('d').'日'.'　'.date('Y').'年'</php></span>
                                    <ul class="nav navbar-nav" style="float:right">
                                        <li>
                                            本月计划
                                        </li>
                                        <li>
                                            本周计划
                                        </li>
                                        <li>
                                            周六
                                        </li>
                                        <li>
                                            周日
                                        </li>
                                        <li>
                                            周一
                                        </li>
                                        <li>
                                            周二
                                        </li>
                                        <li class="oclick">
                                            今天<i class="triangle"></i>
                                        </li>
                                        <li>
                                            周四
                                        </li>
                                        <li>
                                            周五
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <style type="text/css">
                            .iconic-input{    border: 1px solid #aaa;}
							.input-group-btn:first-child>.btn{    border: 0;height: 34px;}
							.input-group .form-control:last-child{    border: 0;}
							.tab-content>.tab-pane>.input-group>.icon-edit{    margin: 10px 5px 8px 10px;}
							.input-group .form-control:last-child{    padding-left: 32px !important; font-size:12px;}
							.
                            </style>
                            <form method="post" id="form1" role="form" class="form-horizontal checkoutform" novalidate action="{:U('insert')}">
                                <div class="input-group m-bot15 iconic-input col-lg-6" style="float:left;cleat：left;margin:15px 0;">
                                    <div class="input-group-btn">
                                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">分类 <span class="caret"></span></button>
                                        <ul class="dropdown-menu">
                                            <volist name="table" id="tab">
                                                <li class="table" value="{$tab.id}"><a href="#">{$tab.name}</a></li>
                                            </volist>
                                        </ul>
                                        <span id="tab_id"></span>
                                        <script>
                                            //写入任务表单id//
                                            $(document).ready(function(){
                                                $('.table').each(function(){
                                                    $(this).click(function(){
                                                        val=$(this).attr('value');
                                                        $('#tab_id').html("<input type='hidden' name='form_id' value="+val+">");
                                                    });
                                                });
                                                $('#submit').click(function(){
                                                    $('#form1').submit();
                                                    $('#form1')[0].reset();//$(id)[0].reset实现reset功能
                                                    $("a[text='责任人']").prev().children('div').remove();
                                                });
                                            });
                                        </script>
                                    </div>
                                    <i class="fa icon-edit" style="font-size:16px;z-index: 999;color:#7DBEA6"></i>
                                    <input type="text" class="form-control" name="title" placeholder="请输入工作任务名称">
                                </div>
                                <div class="col-lg-6" style="margin:15px 0;color:black">
                                    <input class="form-control" id="starttime" name="date" readonly onclick="WdatePicker();" style="cursor:pointer;display: inline;width:150px" value="" placeholder="起始时间" type="text" class="col-lg-2 col-sm-2" > -
                                    <input class="form-control" id="endtime" name="datehour" onclick="WdatePicker();" readonly style="cursor:pointer;display:inline;width:150px" value="" placeholder="结束时间" type="text" class="col-lg-2 col-sm-2">
                                </div>
                                <div class="row">
                                    <div class="col-md-12" style="padding:0px;">
                                        <section class="panel" style="margin-bottom: 0;">
                                            <div class="panel-body">
                                                    <div class="form-group">
                                                        <div class="col-sm-12">
                                                            <textarea rows="6" class="form-control" name="remark"></textarea>
                                                        </div>
                                                    </div>
                                            </div>
                                        </section>
                                        <div class="panel-body" style="color:#000;    padding-top: 10px;    padding-bottom: 10px;">
                                            <div class="form-group pull-left"  style="padding:0 8px;color:white">
                                                <html:listselect class="btn btn-sm" name="follower" multiple="0" url="{:U('Member/select')}" title="责任人" id="myfollower"/>
                                            </div>
                                            <div class="form-group pull-right" style="font-size:12px;margin-right:0">
                                                <button type="submit" class="btn btn-success" style="font-size:12px;padding:3px 15px;background-color:#65CEA6" id="submit">发布</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <style type="text/css">
                            .col-lg-12 a{margin-right:8px;}
							.ztlist li{width:70px;height:30px;list-style:none;line-height: 30px;text-align: center;}
                            </style>
                            
                            <!--<div class="col-lg-12 col-md-12" style="border:1px dashed #c1c1c1;color:#000;border-radius:2px 2px 2px 2px;text-align:center;padding:18px 0;clear:right">-->
                                <!--<p>这里能看到自己每天的工作任务安排和执行情况，您可以：</p>-->
                                <!--<p>1.在本页填写今日工作安排</p>-->
                                <!--<p>2.在<a href="#">计划表</a>填写每周/每月工作任务</p>-->
                            <!--</div>-->
 <!--------------------------------------------任务列表 开始--------------------------------------------------------->
                            <div class="col-lg-12 col-md-12" style="clear:left;color:black;font-size: 12px;">
                                <div class="btn-group" style="    margin-top: -3px;">
                                  <!--1-->
                                  <button data-toggle="dropdown" style="margin-right: 16px;font-size: 12px;color: #aaaaaa; border: 0; padding: 0;" class="btn btn-default dropdown-toggle" type="button" id="btnGroupDrop1">
                                      状态
                                      <span class="caret"></span>
                                  </button>
                                  <ul aria-labelledby="btnGroupDrop1" role="menu" class="dropdown-menu">
                                      <li><a href="#">进行中</a></li>
                                      <li><a href="#">待审核</a></li>
                                      <li><a href="#">已过期</a></li>
                                      <li><a href="#">已完成</a></li>
                                    </ul>
                                </div>
                                  <!--2-->
                                <div class="btn-group" style="    margin-top: -3px;">
                                  <button style="    margin-right: 16px;font-size: 12px;  color: #aaaaaa; border: 0; padding: 0;" data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button" id="btnGroupDrop2">
                                      类别
                                      <span class="caret"></span>
                                  </button>
                                  <ul aria-labelledby="btnGroupDrop2" role="menu" class="dropdown-menu">
                                      <li><a href="#">类别1</a></li>
                                      <li><a href="#">类别2</a></li>
                                  </ul>
                                </div>
                                <a href="" style="color:#3365FF">轻</a>
                                <a href="" style="color:#43E43F">缓</a>
                                <a href="" style="color:#E9A94A">重</a>
                                <a href="" style="color:#D92D29">急</a>
                            </div>
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            <div class="panel-body" style="clear:left">
                                <style>
                                    .planTitl{ padding:3px 10px; border-radius:10px; position:absolute;left:50%; margin-left:-50px; background:#6dc4a2;}
                                    .planTitl1{ padding:3px 10px; border-radius:10px; position:absolute;left:50%; margin-left:-50px; background:#F85A57;}
                                    .done{color:#F6574F;}
                                    .red-star{font-size:12px !important;color:#D92D29}
                                    .blue-star{font-size:12px !important;color:#3365FF}
                                    .green-star{font-size:12px !important;color:#43E43F}
                                    .yellow-star{font-size:12px !important;color:#E9A94A}
									.panel-body .table-striped tr td:nth-child(1) a{
										color: #aaaaaa;
									}
									.panel-body .table-striped tr td:nth-child(2) a{
										color:#333946;
									}
									.panel-body .table-striped tr td:nth-child(4) a{
										    color: #333946;
									}
									.panel-body .table-striped tr td:nth-child(5) a{
										    color: #f50f04;
									}
									.panel-body .table-striped tr td:nth-child(6) a{
										    color: #333946;
									}
									.panel-body>.table-striped>tbody>tr>td:nth-child(3){padding-top:14px;}
                                </style>
                                <div class="planTitl">当前任务 >></div>
                                <hr style="clear:left;margin:15px 0 35px" />
                                <form action="{:U('ajaxlist')}" id="tasklistform">
                                    
                                </form>
                                <div class="DataList" id="tasklist">
                                </div>
                                <div id="tasklistpages">
                                </div>
                                
                                
                                
                                
                                <form action="{:U('ajaxlist')}" id="tasklist1form">
                                    
                                </form>
                                <div class="DataList" id="tasklist1">
                                </div>
                                <div id="tasklist1pages">
                                </div>
                                
                                
                            </div>
                            
                            <!---------------------------------------------任务列表结束------------------------------------------------------------->
                            <!---------------------------------------------完成任务表开始------------------------------------------------------------>
                            <div class="panel-body">
                                <div class="planTitl1">已完成 >></div>
                                <hr style="clear:left;margin:15px 0 35px" />
                                <table class="table  table-hover general-table table-striped" style="color:#000;font-size:12px">
                                    <tbody>

                                    <tr>
                                        <td style="width:100px">
                                            <a href="#">
                                                <i class="fa icon-check-square-o" style="font-size:16px;color:#9EDDC6;margin-right:12px"></i>技术部
                                            </a>
                                        </td>
                                        <td class="hidden-phone" style="width:80px">今日计划表</td>
                                        <td class="done" style="width:420px">
                                           已完成
                                        </td>
                                        <td>2016/10/19 </td>
                                        <td>呆萌小土豆</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">
                                                <i class="fa icon-check-square-o" style="font-size:16px;color:#9EDDC6;margin-right:12px"></i>技术部
                                            </a>
                                        </td>
                                        <td class="hidden-phone">今日计划表</td>
                                        <td class="done">已完成</td>
                                        <td>2016/10/19 </td>
                                        <td>呆萌小土豆</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
<!----------------------------------------------------完成任务结束-------------------------------------------------------->
                        </div>
                        <div class="tab-pane" id="team2" style="color:#000">
                            My Team
                        </div>
                    </div>
                </div>
            </section>
            <div class="panel-body">
                <div class="DataList">
                    <?php }?>

                    <!-- 数据主体 -->
                    <?php if(!IS_AJAX){?>
                </div>
                <div class="loading hidden">正在加载</div>
                <div class="PagesBox"><?php echo $pages;?></div>
            </div>
        </div>
    </div>
    <div class="col-sm-5 col-md-4 col-lg-3">
        <div class="panel">
            <header class="panel-heading"> 我是管理员 </header>
            <div class="panel-body"> <a class="btn btn-info listajaxrequest on"  style="margin-top:10px;" href="javascript:void(0);" rel="{:U('')}">添加/管理员工</a>　　<a class="btn btn-info listajaxrequest on"  style="margin-top:10px;" href="javascript:void(0);" rel="{:U('')}">管理组织架构</a>
            </div>
        </div>
        <div class="panel green-bg">
            <div class="panel-body">
                <div class="row">
                    <div class="col-xs-3"> <i class="fa icon-users"></i> </div>
                    <div class="col-xs-7">
                        <h4>邀请同事</h4>
                        <span class="state-title"> 开启团队协作模式 </span> </div>
                    <div class="col-xs-2"> <span class="fa icon-angle-right"></span> </div>
                </div>
            </div>
        </div>
        <div class="panel green-bg">
            <div class="panel-body">
                <div class="row">
                    <div class="col-xs-3"> <i class="fa icon-bar-chart-o"></i> </div>
                    <div class="col-xs-7">
                        <h4>查看运营报表</h4>
                        <span class="state-title"> 查看团队活跃程度 </span> </div>
                    <div class="col-xs-2"> <span class="fa icon-angle-right"></span> </div>
                </div>
            </div>
        </div>
    </div>
</div>
<include file="Public:script" />


<script src="/Public/Js/jquery-ajaxlist.js"></script>
<script>
    //    $.cookie('loadIndexUrl', window.location.href, {path:'/'});
    $(".checkoutform:eq(0)").Validform({
        ajaxPost:true,
        tiptype:function(data,s){
            if(s.type == 1){
            }
        },
        datatype:{
            "text":function(gets,obj,curform,regxp){return true;},
            "image":function(gets,obj,curform,regxp){return true;}
        },
        callback:function(data){
            $('.ThinkBox-close').trigger('click');
            //更新列表
            $('.dept4').html(data.tbody);
        }
    });
</script>
<script>



    $(document).ready(function(){
        $('.wysihtml5').wysihtml5();
		
		
		
		
		$('.DataList').each(function(index, element) {
            $(this).ajaxlist({success:function(){
		       
		}});
        });
		
		
    });
</script>